<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
  </head>
  <body>
    <script>
      // 对原数组不产生影响

      // concat(任何数组或者任何数据类型) 拼接数组
      var arr = [1, 2, 3]
      var arr1 = ['cxm', 'zll']
      var res1 = arr.concat(arr1, 4)
      console.log(arr) // [1, 2, 3]
      console.log(arr1) // ['cxm', 'zll']
      console.log(res1) // [1, 2, 3, 'cxm', 'zll',4]

      // join  数组 ==> 字符串
      var arr2 = [1, 2, 3, 4]
      var res2 = arr2.join('-')
      console.log(arr2) //[1,2,3,4]
      console.log(res2) //1-2-3-4

      // slice(从第几个开始截取【索引号】，结束索引)   包含前面的索引，< 后面的索引【不包含后面的】   截取，不影响原数组
      var arr3 = ['aaa', 'bbb', 'ccc', 'ddd', 'xxx', 'yyy', 'zzz']
      var res3 = arr3.slice(3, 6)
      console.log(arr3) //['aaa', 'bbb', 'ccc', 'ddd', 'xxx', 'yyy', 'zzz']
      console.log(res3) //[ 'ddd', 'xxx', 'yyy']
      // slice(从第几个开始截取【索引号】到最后)  只有一个参数，从索引号开始到最后   截取，不影响原数组
      console.log(arr3.slice(2)) // ['ccc', 'ddd', 'xxx', 'yyy', 'zzz']
      // slice()  不传参数  不截取，不改变   不影响原数组
      console.log(arr3.slice()) //['aaa', 'bbb', 'ccc', 'ddd', 'xxx', 'yyy', 'zzz'] 数组的复制

      // indexOf(查找的元素，从索引号开始查) 返回我们要查找的类型索引值
      // 返回 -1 找不到元素
      // 返回 索引号  能找到元素
      var arr4 = ['aaa', 'bbb', 'ccc', 'ddd', 'xxx', 'zzz']
      var res4 = arr4.indexOf('ccc', 1)
      console.log(res4) // 1
      console.log(arr4.indexOf('www')) //-1

      // lastIndexOf 从后面开始查找
      // 返回 -1 找不到元素
      // 返回 索引号  能找到元素
      var arr5 = ['aaa', 'bbb', 'ccc', 'ddd', 'xxx', 'zzz']
      var res5 = arr5.lastIndexOf('ddd')
      console.log(res5) // 1
      console.log(arr5.lastIndexOf('www')) //-1
    </script>
  </body>
</html>
